<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>试用页面</title>
    <link rel="stylesheet" href="__CSS__/trial.css">
    <link rel="stylesheet" href="__CSS__/base.css">


</head>

<body>


    <header> {include file="public/header"}</header> <!-- 导航占位标签 -->
    <nav>
        <div class="TrialNav">
            <ul>
                <li class="TrialNavLi TrialNavOn"><a href="javascript:;">全部</a></li>
                <li class="TrialNavLi"><a href="javascript:;">免费试用</a></li>
                <li class="TrialNavLi"><a href="javascript:;">折扣试用</a></li>
                <li class="TrialNavLi"><a href="javascript:;">专享试用</a></li>
            </ul>
        </div>
    </nav>
    <section>
        <div class="trialStatus">
            <!-- 主体部分导航 -->
            <ul >
                <li class="trialStatusOn trialStatusLi"><a href="javascript:;">全部</a></li>
                <li class="trialStatusLi"><a href="javascript:;">申请中</a></li>
                <li class="trialStatusLi"><a href="javascript:;">试用中</a></li>
                <li class="trialStatusLi"><a href="javascript:;">已结束</a></li>
            </ul>
        </div>

        <div class="trialList">
            <!-- 试用产品列表 -->
            {volist name="list" id="vo"}
            <div class="trialItem">
                <a href="http://www.jiguo.com/event/index/3633.html" target="_blank">
                    <div class="trialItemBox">
                        <div class="trialItemImg">
                            <span class="tag">首发</span>
                            <img src={$vo['imgUrl']}/>
                        </div>
                        <div class="trialItemTxtBox">
                            <div class="trialItemTxt">
                                <h4>{$vo['title']}</h4>
                                <div class="tips">
                                    <span class="free">{$vo['eTag0']}</span>
                                    {eq name="vo['eTag1']" value=""}
                                    {else/}
                                    <span class="discount">{$vo['eTag1']}</span>
                                    {/eq}
                                    {eq name="vo['eTag2']" value=""}
                                    {else/}
                                    <span class="discount">{$vo['eTag2']}</span>
                                    {/eq}
                                </div>
                                <div class="joinNum">
                                    <span class="num left">
                                        <font>{$vo['peopleNum']}</font>参与
                                    </span>
                                    <span class="days right">{$vo['peopleNumfr']}</span>
                                </div>
                                <div class="trialItemTxtHide">
                                    <div class="trialItemTxtHideCell">
                                        <span class="left">{$vo['otherTag0']}</span>
                                        <span class="right">{$vo['otherTag1']}</span>
                                    </div>
                                    <div class="trialItemTxtHideCell">
                                        <span class="left">{$vo['otherTag2']}</span>
                                        <span class="right">{$vo['otherTag3']}</span>
                                    </div>
                                    <div class="trialItemTxtHideCell">
                                        <span class="left">{$vo['otherTag4']}</span>
                                        <span class="right">{$vo['otherTag5']}</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            {/volist}
        </div>
    </section>
    {include file="public/footer"}
    {include file="public/totop"}
    <script src="__JS__/jquery-v1.12.0.min.js"></script>
    <script src="__JS__/trial.js"></script>
    <script src="__JS__/home.js"></script>
</body>

</html>